<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
    <title>专题-{$CAT[catname]}</title>
    <meta name="Keywords" content="新丝路,世界小姐,模特大赛,时尚周,模特培训,时尚,超模,模特,少儿模特大赛,时尚机构" />
    <meta name="description" content="新丝路时尚门户,MissWorld世界小姐大赛,中国模特大赛,少儿模特大赛,专业模特培训机构,超模摇篮,T台走秀" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <link type="text/css" rel="stylesheet" href="{JS_PATH}fashion_topic/css/common/public.css">
    <link type="text/css" rel="stylesheet" href="{JS_PATH}fashion_topic/plugin/swiper-3.4.2/swiper-3.4.2.min.css">
    <link type="text/css" rel="stylesheet" href="{JS_PATH}fashion_topic/css/zhuanti_list.css">
    <style type="text/css">
        .item-list-bg{
            position:relative;
            top:-.8rem;
            background:url({if $CAT[bg_image2]}{$CAT[bg_image2]}{else}{JS_PATH}fashion_topic/images/pic5.jpg{/if}) repeat-y top left;
            background-size:100% auto;
            padding-bottom: 1.5rem;
        }
        .item-list{
            top:1.6rem;
        }
    </style>
</head>
<body style="background:url('{if $CAT[bg_image3]}{$CAT[bg_image3]}{else}{JS_PATH}fashion_topic/images/body_bg.jpg{/if}')">
<div class="container">
    <!-- banner-top start -->
    <div class="banner banner-0">
        <img src="{if $CAT[bg_image1]}{$CAT[bg_image1]}{else}{JS_PATH}fashion_topic/images/pic0.jpg{/if}">
    </div>
    <!-- banner-top end -->
    <!-- 图文start -->
    <div class="image-text bg-gray center side-0">
        {pc:content action="lists" catid="$child_id" num="3" type="1" page="1"}
        <ul>
            {loop $data['returnList'] $r}
            <li>
                <a href="http://m.nsr.com.cn/xinsilu/v1/webPage/showNewsNsrHtml/{$r[id]}">
                    <div>
                        <img src="{$r[image]}">
                    </div>
                    <div>
                        <h3>{$r[title]}</h3>
                        <p>{$r['infoBrief']}</p>
                    </div>
                </a>
            </li>
            {/loop}
        </ul>
    {/pc}
    </div>
  <!-- 图文end -->
  <!-- banner-carousel start -->
    <div class="banner-carousel center">
        <div class="banner-carousel-inner">
          <div class="swiper-container swiper-container1">
            {pc:content action="lists_pic" catid="$child_id" num="30" type="3" page="1"}
            <div class="swiper-wrapper fn_swiper">
                {loop $data $r}
                <div class="swiper-slide">
                    <a href="http://m.nsr.com.cn/xinsilu/v1/pictureNsr/showOneHtml/{$r[id]}">
                        <div>
                            <img class="user-img" src="{if $r[imageVertical]}{$r[imageVertical]}{else}{$r[image]}{/if}">
                        </div>
                        <h3>{$r[title]}</h3>
                    </a>
                </div>
                {/loop}
            </div>
            {/pc}
          </div>
        </div>
    </div>
    <!-- banner-carousel end -->
    <!-- banner-middle start -->
    <!-- <div class="banner banner-1">
        <img src="{if $CAT[bg_image2]}{$CAT[bg_image2]}{else}{JS_PATH}fashion_topic/images/pic4.jpg{/if}">
    </div> -->
    <!-- banner-middle end -->
    <!-- list start -->
    <div class="item-list-bg">
    <div class="item-list center side-1">
        {pc:content action="lists" catid="$child_id" type="1" num="3" page="2"}
        <ul class="edulist">
            {loop $data['returnList'] $r}
            <li class="singleLi">
                <a href="http://m.nsr.com.cn/xinsilu/v1/webPage/showNewsNsrHtml/{$r[id]}">
                    <div>
                        <img src="{$r[image]}" alt="">
                    </div>
                    <div>
                        <p>{$r[title]}</p>
                        <p>
                            <span>#{$r[typeName]}</span>
                            <span>来源：{$r[sourceName]}</span>
                        </p>
                    </div>
                </a>
            </li>
            {/loop}
        </ul>
        {/pc}
    <input type="hidden" name="page" value="3" />
    </div>
    </div>
    <!-- list end -->
</div>
<script type="text/javascript" src="{JS_PATH}fashion_topic/plugin/jquery-2.1.3/jquery.min.v2.1.3.js"></script>
<script type="text/javascript" src="{JS_PATH}fashion_topic/js/html_reset_1080.js"></script>
<script type="text/javascript" src="{JS_PATH}fashion_topic/plugin/swiper-3.4.2/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="{JS_PATH}fashion_topic/js/zhuanti_list.js"></script>
<script type="text/javascript">
    //上拉刷新
    $(function(){
        var tag = 1;
        var nums = $('.edulist .singleLi').size();
        if (nums != 3) {
          tag = 0;
          $('#game_jzwc').show();
        }
        $(window).scroll(function(){  
        // 被卷去的高度  
        var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;  
        // 页面高度  
        var pageHeight = $(document).height();  
        // 可视区域高度  
        var viewHeight = $(window).height();  
        //alert(viewHeight);  
        //当滚动到底部时
        if((scrollTop+viewHeight)>(pageHeight-20) && tag == 1){
            tag = 0;
            var catid= <?php echo $child_id;?>;
            var page= $("input[name='page']").val();
            var pagesize= 3;
            $.ajax({
                type: "POST",
                url: "index.php?m=content&c=rjson&a=apiList",
                cache: false,
                dataType:"json",
                data: {catid:catid, page:page, pagesize:pagesize,type:1},
                success: function(result){
                    if (result.code == 'R0000000') {
                        if (result['data']['returnList'].length == 3) {
                            $("input[name='page']").val(parseInt(page)+parseInt(1));
                            tag = 1;
                        } else {
                            tag = 0;
                        }
                        var jsonobj =  result['data']['returnList']; 
                        var _html = '';
                        for(key in jsonobj){
                            _html += '<li class="singleLi"><a href="';
                            _html += 'http://m.nsr.com.cn/xinsilu/v1/webPage/showNewsNsrHtml/'+jsonobj[key]['id'];
                            _html += '"><div><img src="';
                            _html += jsonobj[key]['image']; 
                            _html += '" alt=""></div><div><p>';
                            _html += jsonobj[key]['title'];
                            _html += '</p><p><span>#';
                            _html += jsonobj[key]['typeName'];
                            _html += '</span><span>来源：';
                            _html += jsonobj[key]['sourceName'];
                            _html += '</span></p></div></a></li>';
                        }
                        $(".edulist").append(_html);
                    } else {
                        tag = 0;
                    }
                },
                error: function(){
                    alert('请求服务器失败');
                }
            }); 
            //防止无限制的增长
            if(scrollTop<5000){  
              return false;     
            }  
          }  
        });
    })
</script>
</body>
</html>